/* 普通opacity显示影藏 */
/* .show{
	opacity: 1;
	transition: all 1s ease-in;
}

.hide{
	opacity: 0;
	transition: all 1s ease-in;
} */
/*
	cnpm install react-transition-group --save
 */
.show{
	animation: show-item 2s ease-in forwards;
}

.hide{
	animation: hide-item 2s ease-in forwards;
}

/* 针式动画 */
@keyframes show-item{
	0%{
		opacity: 0;
		color: red;
	}
	50%{
		opacity: 0.5;
		color: green;
	}
	100%{
		opacity: 1;
		color: blue;
	}
}

@keyframes hide-item{
	0%{
		opacity: 1;
		color: blue;
	}
	50%{
		opacity: 0.5;
		color: green;
	}
	100%{
		opacity: 0;
		color: red;
	}
}
